<template>
  <a-button type="primary" @click="showDrawer">Open Drawer</a-button>
      <m-drawer 
      v-model:visible="visible" title="Basic Drawer" @ok="handleOk">
        ===
      </m-drawer>
  </template>
  <script setup lang="ts">
  import { ref } from 'vue';
  
    const visible = ref(false)
    const showDrawer = () =>{
      visible.value = true;
    }
    const handleOk = () =>{
      visible.value = false;
    }
  </script>
  <style lang="less" scoped>
  
  </style>